@charset "UTF-8";
@import "reset";

/*
    * @desc 注册页样式
    * @author 欧广烨
    * @date 2023-03-22
*/

/* 引入字体 */
@font-face {
    font-family: apple-font;
    src: url(../font/pingfang.ttf);
}

/* 清除所有a（超链接）标签的默认下划线样式 */
a {
    text-decoration: none;
}

/*注册页*/
.container {
    color: #555;
    font-family: apple-font;
    text-align: center;

    /* 页面顶部标题样式 */
    .toptitle {
        width: 100vw;
        height: 13.3333vw;
        h3 {
            font-size: 4.2667vw;
            font-weight: 600;
            margin: 1.3333vw 0;
            line-height: 10.6667vw;
        }
    }

    /* Logo和注册表单样式 */
    .login {

        /* 页面头部Logo样式 */
        .page-logo {
            line-height: 23.1787vw;
            img {
                width: 36.8vw;
                height: 15.1787vw;
                vertical-align: bottom;
            }
        }

        /* 表单样式 */
        .telphone-num,
        .verification-code,
        .password,
        .again-password {
            width: 92vw;
            height: 18.9333vw;
            margin: 4vw auto 0;
            font-family: apple-font;
            color: #757575;
            text-align: left;
            border-bottom: .5333vw solid #ECECEC;
            display: flex;
            flex-direction: column;
            label {
                line-height: 4.5333vw;
                font-size: 3.7333vw;
                font-family: apple-font;
                margin-top: .2667vw;
                margin-bottom: .5333vw;
                color: #555;
            }
            input {
                font-size: 4vw;
                outline: none;
                border: none;
                height: 5.6vw;
                margin: 4vw 0;
                padding: 0;
                font-family: apple-font;
            }
            button {
                font-size: 4vw;
                font-family: apple-font;
                color: #555;
                border: none;
                margin-right: 9.112vw;
                background-color: transparent;
                text-align: right;
            }

            /* 获取验证码 */
            .code {
                width: 59.92vw;
                margin-right: 1.1973vw;
            }

        }

        /* 表单提交按钮 */
        .submit-btn {
            margin-top: 9.3333vw;
            margin-bottom: 8vw;

            input {
                width: 92vw;
                height: 12vw;
                background-color: #884e22;
                font-size: 4.6667vw;
                border: none;
                color: #fff;
            }
        }

        /* 密码登录其第三方登录选项样式 */
        .other-login-methods {
            display: flex;
            flex-direction: column;

            /* 密码登录 */
            .password-login {
                font-size: 4.6667vw;
                color: #555;
                margin-bottom: 5.8667vw;
            }

            /* 第三方登录 */
            .other-select {
                margin: 0 auto 4vw;
                width: 80vw;
                height: 14.6667vw;
                border-top: .2667vw solid #E9ECF0;
                position: relative;

                span {
                    width: 34.6667vw;
                    background-color: #fff;
                    font-size: 3.7333vw;
                    color: #555;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    top: -1.6vw;

                }

                /* QQ 微信登录 */
                .other {
                    margin-top: 8.7493vw;
                    font-size: 3.7333vw;
                    a {
                        color: #555;
                    }

                    a:first-child {
                        margin-right: 33.576vw;
                    }
                }
            }
        }
    }


}